<!DOCTYPE html>
<!--[if IEMobile 7 ]>    <html class="no-js iem7"> <![endif]-->
<!--[if (gt IEMobile 7)|!(IEMobile)]><!--> <html class="no-js" manifest="/cache.manifest"> <!--<![endif]-->
    <head>
        <meta charset="utf-8">
        <title>Episode.Next</title>
        <meta name="description" content="Allows tracking and marking of shows.">
        <meta name="HandheldFriendly" content="True">
        <meta name="MobileOptimized" content="320">
        <meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1">
        <meta http-equiv="cleartype" content="on">

		<link rel="icon" href="favicon.ico" type="image/x-icon">
		<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
		<link rel="shortcut icon" href="favicon.ico" type="image/vnd.microsoft.icon">

        <link rel="apple-touch-icon" sizes="144x144" href="img/touch/apple-touch-icon-144x144-precomposed.png">
        <link rel="apple-touch-icon" sizes="114x114" href="img/touch/apple-touch-icon-114x114-precomposed.png">
        <link rel="apple-touch-icon" sizes="72x72" href="img/touch/apple-touch-icon-72x72-precomposed.png">
        <link rel="apple-touch-icon" href="img/touch/apple-touch-icon-57x57-precomposed.png">
        <link rel="shortcut icon" href="img/touch/apple-touch-icon.png">
        
        <meta property="og:title" content="Episode.Next" />
        <meta property="og:type" content="website" />
        <meta property="og:url" content="https://thewirewatcher.appspot.com" />
        <meta property="og:description" content="Episode.Next lets you know what is the next episode you need to watch on your favorite shows." />
        <meta property="og:image"  content="https://thewirewatcher.appspot.com/img/facebook/facebook-200x200.png" /> 
        <meta property="og:site_name" content="Episode.Next" />
        <meta property="fb:app_id" content="132823190241236" /> 
        
        <meta name="twitter:card" content="summary">
        <meta name="twitter:url" content="https://thewirewatcher.appspot.com">
		<meta name="twitter:title" content="Episode.Next">
		<meta name="twitter:description" content="Episode.Next lets you know what is the next episode you need to watch on your favorite shows.">
		<meta name="twitter:image" content="https://thewirewatcher.appspot.com/img/facebook/facebook-200x200.png">
        
		<!-- 
			iPhone 3GS, 4, 2011 iPod Touch:        startup-320x460.png
			iPhone 4s and 2011 iPod Touch:         startup-640x920.png
			iPhone 5, 5s, 5c and 2012 iPod Touch:  startup-640x1096.png
			iPad 1, iPad2, iPad Mini (portrait):   startup-768x1024.png
			iPad 1, iPad2, iPad Mini (landscape):  startup-1024x748.png
    	-->
		<link rel="apple-touch-startup-image" href="img/startup/startup-320x460.png" media="screen and (max-device-width : 320px)">
		<link rel="apple-touch-startup-image" href="img/startup/startup-640x920.png" media="(max-device-width : 480px) and (-webkit-min-device-pixel-ratio : 2)">
		<link rel="apple-touch-startup-image" href="img/startup/startup-640x1096.png" media="(max-device-width : 548px) and (-webkit-min-device-pixel-ratio : 2)">
		
		<!-- link rel="apple-touch-startup-image" sizes="1024x768" href="startup-1024x768.png" media="screen and (min-device-width : 481px) and (max-device-width : 1024px) and (orientation : landscape)" -->
		<!-- link rel="apple-touch-startup-image" sizes="768x1004" href="startup-768x1024.png" media="screen and (min-device-width : 481px) and (max-device-width : 1024px) and (orientation : portrait)" --> 
        
        <!-- Tile icon for Win8 (144x144 + tile color) -->
        <meta name="msapplication-TileImage" content="img/touch/apple-touch-icon-144x144-precomposed.png">
        <meta name="msapplication-TileColor" content="#222222">
        <meta name="apple-mobile-web-app-capable" content="yes">
        <meta name="apple-mobile-web-app-status-bar-style" content="black">
        <meta name="apple-mobile-web-app-title" content="Episode.Next">
        
        <link href='https://fonts.googleapis.com/css?family=The+Girl+Next+Door|Open+Sans:800,400,300' rel='stylesheet' type='text/css'>
        <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
        <link rel="stylesheet" href="css/normalize.css">
        <link rel="stylesheet" href="css/main.css">
        <link rel="stylesheet" href="api/v1/warmup">
        <script src="https://www.dropbox.com/static/api/dropbox-datastores-1.0-latest.js" type="text/javascript"></script>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script>
        <script src="js/vendor/modernizr-2.6.2.min.js"></script>
        <script type="text/javascript">
		  var _gaq = _gaq || [];
		  _gaq.push(['_setAccount', 'UA-210230-2']);
		  _gaq.push(['_trackPageview']);
		
		  (function() {
		    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
		    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
		    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
		  })();
		</script>
    </head>
    <body>
        <script src="js/jquery.simplemodal.1.4.4.min.js"></script>
        <script src="js/helper.js"></script>
        <script src="js/spin.min.js"></script>
        <script src="js/jquery.spin.js"></script>
        <div id="fb-root"></div>
        <script src="js/main.js"></script>
        <div id="spinner" style="display:none;"></div>
        <div id="facebookmodal" class="pagemodal" style="display:none;">
          <div class="modaltitle">Post to Facebbok</div>
          <div class="modaltext">Watch this episode and post to Facebook?</div>
          <div class="modalbuttons">
            <div class="leftmodalbutton" id="facebookpost"><span class="facebook">Post</span></div>
            <div class="rightmodalbutton cancelmodal" id="facebookcancel"><span class="cancel">Cancel</span></div>
          </div>
        </div>
        <div id="googlemodal" class="pagemodal" style="display:none;">
          <div class="modaltitle">Log Into Google</div>
          <div>Google Session has ended.  Log back into Google?</div>
          <div class="modalbuttons">
            <div class="leftmodalbutton" id="googleloginmod"><span class="facebook">Login</span></div>
            <div class="rightmodalbutton cancelmodal" id="googlecancel"><span class="cancel">Cancel</span></div>
          </div>
        </div>
        <div id="deletemodal" class="pagemodal" style="display:none;">
          <div class="modaltitle">Delete Series</div>
          <div>Remove the series?</div>
          <div class="modalbuttons">
            <div class="leftmodalbutton" id="deleteconfirm"><span class="confirm">Delete</span></div>
            <div class="rightmodalbutton cancelmodal" id="deletecancel"><span class="cancel">Cancel</span></div>
          </div>
        </div>   
        <div id="addtohome" style="display:none;">
          <div id="addtohomemessage">
            <div class="close"><i class="fa fa-times-circle"></i></div>
            <div class="appicon"><img src="img/iosicon.png" width="55"/></div>
          Install this web app on your phone: tap on the arrow and then <em>'Add to Home Screen'</em><br/>
          <i class="fa fa-long-arrow-down"></i>
          </div>
        </div>
        
        <div id="mainpage" class="page">
            <div class="help" style="display:none;">
              <div class="leftheader">
                <div style="float:left;"><i class="fa fa-long-arrow-up"></i></div>
                <div class="helptext">You can use the <i class="fa fa-cog"></i> button to link Dropbox, Facebook and setup sync schedules.</div>
              </div>
              <div class="rightheader">
                <div style="float:right;"><i class="fa fa-long-arrow-up"></i></div>
                 <div class="helptext">You can use the Add button to search for a new series to add.</div>
              </div>
              <div class="centerhelp">
                <div class="helptext">
                  Episode.Next is a great way for you to keep track of your favorite shows
                  so you know what episode you are on and when the next episode is going to air.
                </div>
              </div>
            </div>
        
			<div class="header">
	          <div class="leftheaderbutton" id="settingsbutton"><i class="fa fa-cog"></i></div>
	          <div class="rightheaderbutton" id="addshowbutton"><i class="fa fa-plus"></i></div>
	          <div class="title">Episode.Next</div>
			</div>
            <div id="unwatchedShowList" class="showlist"></div>
            <div id="adbar" class="showlist">
				<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
				<ins class="adsbygoogle"
				     style="display:inline-block;width:320px;height:50px"
				     data-ad-client="ca-pub-1122224436220523"
				     data-ad-slot="9030646028"></ins>
				<script>
				(adsbygoogle = window.adsbygoogle || []).push({});
				</script>
            </div>
	          
	        <div id="unairedseasonbar" data-status="hidden" class="seasonbar">
	          <i id="unairedseasonexpander" class="fa fa-chevron-right seasonexpander"></i> Unaired Episodes</div>
	        <div id="unairedShowList" class="showlist" style="display:none;"></div>
	
	        <div id="allshowsseasonbar" data-status="hidden" class="seasonbar">
	          <i id="allshowsexpander" class="fa fa-chevron-right seasonexpander"></i> All Shows</div>
	        <div id="showlist" class="showlist" style="display:none;"></div>
        </div>
        
        <div id="searchpage" class="page" style="display:none">
			<div class="header">
	          <div class="leftheaderbutton" id="cancelsearch">Back</div>
	          <div class="title">Search</div>
			</div>
			<div class="content">
			  <form id="addshowform" action="#">
			    <i class="fa fa-search"></i>
			    <input type="text" id="searchtext" name="searchtext" placeholder="Episode Name" />
			  </form>
			  <div id="searchResultList">
			  </div>
			</div>
        </div>
        
        <div id="addshowpage" class="page" style="display: none;">
			<div class="header">
				<div class="leftheaderbutton" id="canceladdshowpage">Back</div>
				<div class="rightheaderbutton"><i id="addnewshowbuttonfacebook" class="fa fa-facebook-square"></i> <i id="addnewshowbutton" class="fa fa-plus"></i></div>
				<div class="title">Add Show</div>
			</div>
			<div class="bannerdiv"><img id="addbannerimage" class="bannerimage" src="img/1x1.png" /></div>
			<div class="posterdiv"><img id="addposterimage" class="bannerimage" src="img/1x1.png" /></div>
			<div id="addshowtitle" class="showtitle"></div>
			<div id="addfirstaired" class="firstaired"></div>
			<div id="addoverview" class="overview"></div>        
        </div>
        
       <div id="showdetailspage" class="page" style="display: none;">
			<div class="header">
	          <div id="showdetailsdone" class="leftheaderbutton">Back</div>
	          <div class="title">Show Details</div>
			</div>
          <div class="bannerdiv"><img id="viewbannerimage" class="bannerimage" src="img/1x1.png" /></div>
          <div id="viewshowtitle" class="showtitle"></div>
		  <div id="viewfirstaired" class="firstaired"></div>
          <div id="viewoverview" class="overview"></div>
          <div id="seasonlist" class="seasonlist">
          </div>
       </div>
       
       <div id="settingspage" class="page" style="display:none">
			<div class="header">
	          <div class="rightheaderbuttonblue" id="settingsdone">Done</div>
	          <div class="title">Settings</div>
			</div>
			<div class="content">
			    <div class="tbHeader">Google</div>
			    <ul id="googlelogin" class="tableView">
			      <li id="googleLoginButton"><b><i class="fa fa-google-plus"></i> Google</b><span class="subtitle">Link</span></li>
			    </ul>
			    <ul id="googlelogout" class="tableView" style="display:none">
			      <li id="googleLogoutButton"><b><i class="fa fa-google-plus"></i> Google</b><span class="subtitle">Unlink</span></li>
			      <li id="googleSyncButton"><b>Sync</b><span id="googlesynctime" class="subtitle">Unknown</span></li>
			      <li><b>Frequency</b><span class="subtitle">
					<select id="googlesync" data-sync="google.frequency" name="Google Sync" class="settingsselect">
						<option value="0">Manually</option>
						<option value="60">Every Hour</option>
						<option value="360">Four Times a Day</option>
						<option value="720">Twice a Day</option>
						<option value="1440">Once a Day</option>
					</select>			      
			      </span></li>
			    </ul>
			    				
				<div class="tbHeader">Facebook</div>
				<ul class="tableView">
				  <li><b>
				<div id="facebooklogin">
                  <fb:login-button show-faces="true" max-rows="1" data-width="260" scope="publish_actions,user_actions.video"></fb:login-button>
				</div>
				  </b></li>
				</ul>
				
				<div class="tbHeader">The TV DB</div>
				<ul class="tableView">
				  <li id="thetvdbsync"><b>Sync</b><span id="thetvdbsynctime" class="subtitle">Unknown</span></li>
			      <li><b>Frequency</b><span class="subtitle">
					<select id="tvdbsync" data-sync="thetvdb.frequency" name="The TV DB Sync" class="settingsselect">
						<option value="0">Manually</option>
						<option value="60">Every Hour</option>
						<option value="360">Four Times a Day</option>
						<option value="720">Twice a Day</option>
						<option value="1440">Once a Day</option>
					</select>			      
			      </span></li>
				  <li id="showaboutthetvdb"><b>About</b><span class="subtitle"><i class="fa fa-chevron-right"></i></span></li>
				</ul>

			    <div class="tbHeader">Dropbox</div>
			    <ul id="dropboxlogin" class="tableView">
			      <li id="dropboxLoginButton"><b><i class="fa fa-dropbox"></i> Dropbox</b><span class="subtitle">Link</span></li>
			    </ul>

			    <ul id="dropboxlogout" class="tableView" style="display:none">
			      <li id="dropboxLogoutButton"><b><i class="fa fa-dropbox"></i> Dropbox</b><span class="subtitle">Unlink</span></li>
			      <li id="dropboxSyncButton"><b>Sync</b><span id="dropboxsynctime" class="subtitle">Unknown</span></li>
			      <li><b>Frequency</b><span class="subtitle">
					<select id="dropboxsync" data-sync="dropbox.frequency" name="Dropbox Sync" class="settingsselect">
						<option value="0">Manually</option>
						<option value="60">Every Hour</option>
						<option value="360">Four Times a Day</option>
						<option value="720">Twice a Day</option>
						<option value="1440">Once a Day</option>
					</select>			      
			      </span></li>
			    </ul>

				
				<div class="tbHeader">Episode.Next</div>
				<ul class="tableView">
				  <li id="showaboutepisodenext"><b>Author</b><span class="subtitle">Jordan Reed</span></li>
				  <li><b>Version</b><span class="subtitle">${timestamp}</span></li>
				  <li id="showgooglecode"><a href="http://code.google.com/p/thewirewatcher/" target="_blank"><b>Code</b><span class="subtitle"><i class="fa fa-chevron-right"></i></span></a></li>
				</ul>


				<div class="tbHeader">Debug</div>
				<ul class="tableView">
				  <li class="resetLocalStorage" data-storagename="lastDropboxSync"><b>Reset Dropbox Sync</b></li>
				  <li class="resetLocalStorage" data-storagename="lastGoogleSync"><b>Reset Google Sync</b></li>
				  <li class="resetLocalStorage" data-storagename="lastTvDbSync"><b>Reset TV DB Sync</b></li>
				  <li class="resetLocalStorage" data-storagename="seriesListCache"><b>Reset Series List Cache</b></li>
				  <li class="resetLocalStorage" data-storagename="nextEpisodeCache"><b>Reset Next Episode Cache</b></li>
				  <li class="resetLocalStorage" data-storagename="seriesList"><b>Reset Series List</b></li>
				  <li class="resetLocalStorage" data-storagename="watchedEpisodes"><b>Reset Watched Episodes</b></li>
				</ul>

			</div>
        </div>

       <div id="aboutthetvdb" class="page about" style="display:none">
			<div class="header">
	          <div class="leftheaderbutton" id="aboutthetvdbback">Back</div>
	          <div class="title">About The TV DB</div>
			</div>
	        <div class="content">
	          <h1>The TV DB</h1>
		          <p><a target="_blank" href="http://thetvdb.com">TheTVDB.com</a> is an open database that can be modified by anybody.  All content and images on the site have been contributed by our users. The database schema and website are open source under the GPL, and are available at Sourceforge.  Thank them for a wonderful thing.</p>
             <p>All content on The TV DB is licensed under <a href="http://creativecommons.org/licenses/by/3.0/us/" target="_blank">Creative Commons Attribution 3.0 United States License</a>.</p>
            </div>
       </div>

    </body>
</html>
